<script setup>
import {useRoute} from "vue-router";

const route = useRoute()
</script>
<template>
  <el-scrollbar class="content-scrollbar" v-if="route.name !== 'login'">
    <router-view/>
  </el-scrollbar>
  <router-view v-else/>
</template>

<style lang="less">
* {
  padding: 0;
  margin: 0;
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content-scrollbar {
  box-sizing: border-box;
  //padding: 0 15px;
  width: 65vw;
  //background: #2C405A;
  height: 100vh;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .content-scrollbar {
    width: 100vw;
    //padding: 0;
  }
}

.not-more{
  text-align: center;
  color: var(--el-color-info);
  font-size: .8rem;
}

.back {
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;

  .el-icon {
    border-radius: 50%;
    border: 1px solid;
    margin-right: 10px;
  }
}
</style>
